<div class="underlying">
  <div class="table">
    <!-- 头部Table -->
    <nz-table #headerTable
      style="border-collapse: collapse; border-radius: 4px 4px 0px 0px;"
      [nzData]="listOfData" class="designTable" [nzShowPagination]='false'
      [nzScroll]="{ y: '700px' }">
      <thead class="tableHeard" style="text-align: center !important;">
        <tr style="text-align: center !important;">
          <th nzWidth="120px">總檢狀態</th>
          <th nzWidth="120px">送檢時間</th>
          <th nzWidth="250px">工聯單號</th>
          <th nzWidth="250px">治具名稱</th>
          <th nzWidth="250px">19碼</th>
          <th nzWidth="80px">送檢數量</th>
          <th nzWidth="50px">NG</th>
          <th nzWidth="50px">OK</th>
          <th nzWidth="100px">治具交期</th>
        </tr>
      </thead>
      <!-- 工联单Table -->
      <tbody class="tablecontent" style="border-left: 1px solid rgba(71,156,156,1) !important;">
        <!--  -->
        <tr id="first" *ngFor="let item of listOfData let key = index">
          <!-- 状态 -->
          <td *ngIf="item.songjian_time===''"></td>
          <td style="color: #FACA00;" *ngIf="item.songjian_time!=='' && item.ok_count<item.quatity">總檢中</td>
          <td style="color: #54D0FF;" *ngIf="item.songjian_time!=='' && item.ng_count=='0' && item.ok_count=='0'">待總檢</td>
          <td style="color: #21CC97;" *ngIf="item.songjian_time!=='' && item.ok_count>=item.quatity">總檢已完成</td>
          <!-- 送檢時間 -->
          <td>{{item.songjian_time}}</td>
          <!-- 工聯單號 -->
          <td>{{item.unionorder}}</td>
          <!-- 治具名稱 -->
          <td
            style="cursor:pointer;max-width: 250px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;text-align: left;"
            title={{item.name}}>{{item.name}}</td>
          <!-- 19碼 -->
          <td
            style="cursor:pointer;max-width: 250px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;text-align: left;text-indent: 40px;"
            title={{item.code19.split(splitJudge)[0]}}~{{item.code19.split(splitJudge)[1]}}>
            {{item.code19.split(",")[0]}}</td>
          <!-- 送檢數量 -->
          <td>{{item.quatity}}</td>
          <!-- NG -->
          <td>{{item.ng_count}}</td>
          <!-- OK -->
          <td>{{item.ok_count}}</td>
          <!-- 治具交期 -->
          <td>{{item.delivery_date}}</td>
        </tr>
      </tbody>
    </nz-table>
  </div>
</div>
